.flow-model-container .node {
}

.flow-model-container .node .label-container {
}

.flow-model-container .label-container {
  fill: none;
}

.flow-model-container .label,
.flow-model-container .start-label {
  margin: 2px;
  min-width: 60px;
  max-width: 200px;
  padding: 0 5px;
  height: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: white;
  border: 2px solid #adadad;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.flow-model-container .gateway-label {
  width: 20px;
  min-width: 20px;
  height: 20px;
  padding: 0;
  background: #949494;
  border-radius: 100px;
  border: none;
  margin: 3px;
}

.flow-model-container .gateway-label-start {
  cursor: pointer;
}
.flow-model-container .gateway-label-end {
  min-width: 15px;
  height: 15px;
  width: 15px;
  background: #c0c0c0;
  cursor: pointer;
}

.flow-model-container path {
  stroke: #adadad;
  stroke-width: 2px;
  fill: #adadad;
}

.flow-model-container .line-formula-text {
}

.flow-model-container .user-label {
  cursor: pointer;
}

.flow-model-container-editable .start-label,
.flow-model-container-editable .end-label {
  cursor: pointer;
}

.flow-model-container .line-formula-config-icon {
  cursor: pointer;
}

.flow-model-container .line-formula-config-icon path {
  fill: #232323;
}

.flow-model-container .empty-label {
  border-radius: 100px;
  min-width: 35px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  padding: 0;
}

.flow-model-container .common-node-active {
  border-color: #eebe77;
  color: #eebe77
}


.flow-model-container .common-node-passed {
  border-color: #79bbff;
  color: #79bbff
}

.flow-model-container .gateway-node-passed {
  background: #79bbff;
}

.flow-model-container .line-passed path {
  stroke: #79bbff;
}
